<%@ page pageEncoding="UTF-8"%>
<%@ taglib prefix="cw" uri="/widget-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<cw:base />
	</head>
	<body>
		<li>
			<b> 日期输入框是下拉框的一种，系统会自动的创建一个日历并作为该编辑框的下拉框而存在，供日期选择</b>
		</li>
		<li>
			<b> 以下示例分别展示的是日期输入框的显示格式及日期范围校验 </b>
		</li>
		<br />
		<cw:form>
			<li>
				普通日期输入框，数据类型为Date，数据传输及显示的默认日期格式:Y-m-d
				<table>
					<tr>
						<td align="right">
							日期（年月日）：
						</td>
						<td>
							<cw:dateField property="birthday" value="2011-01-01" />
						</td>
					</tr>
				</table>
				<br />
			</li>
			<li>
				通过Format改变年月日的显示格式:Y年m月d日
				<table>
					<tr>
						<td align="right">
							日期（年月日）：
						</td>
						<td>
							<cw:dateField property="birthday" format="Y年m月d日" value="2011年01月01日" />
						</td>
					</tr>
				</table>
				<br />
			</li>
			<li>
				通过disableDays可以设置禁选日期，例如：[0, 6] 将会把周日 和 周六设置为无效
				<table>
					<tr>
						<td align="right">
							日期（年月日）：
						</td>
						<td>
							<cw:dateField property="birthday" disabledDays="[0, 6]" value="2011-01-02"/>
						</td>
					</tr>
				</table>
				<br />
			</li>
			<li>
				通过maxValue、minValue可以设置日期的范围
				<table>
					<tr>
						<td align="right">
							日期（年月日）：
						</td>
						<td>
							<cw:dateField property="birthday" minValue="2011-01-01" maxValue="2011-01-20" value="2011-01-21" />
						</td>
					</tr>
				</table>
				<br />
			</li>
			<li>
				日期区间，设置开始日期的endDateField为结束日期的id，设置结束日期的startDateField为开始日期的id。
				<table>
					<tr>
						<td align="right">
							开始日期：
						</td>
						<td>
							<cw:dateField id="startDate" property="startDate" endDateField="endDate"/>
						</td>
						<td align="right">
							结束日期：
						</td>
						<td>
							<cw:dateField id="endDate" property="endDate" startDateField="startDate"/>
						</td>
					</tr>
				</table>
				<br />
			</li>
		</cw:form>
	</body>
	<cw:theme></cw:theme>
</html>
